行間を調節する

■ 行間を調節する

前回は、スタイルシートを使って文字の大きさを変えてみました。
今回は、スタイルシートを使って行間を調節する方法です。

行間の指定
style="line-height:属性値%;"

属性値には「数字」を入れます。

特に、タグに囲まれていない特定の場所にスタイルシート（CSS）に
書式を設定するには、spanタグが使われます。
<span style="line-height:数値%;">テキスト</span>

【A】：<span style="line-height:100%;"> の場合

説明の必要はないでしょう。世に出回っている印刷物の類でAのようなものを目にすることは難しいはずです。ウェブ上に公開するわけですから、最低限これぐらいの配慮は必要になります。文章の行間を調節する。長い文章が多い場合、行間が詰まっていると読みにくくなる。そんな場合は、このプロパティで行間の調節をする。

【B】：<span style="line-height:150%;"> の場合

これは、<table>や<td>にも指定できます。

【A】：<table style="line-height:100%;"> の場合

ここに文章や画像をいれます
ここに文章や画像をいれます
ここに文章や画像をいれます

【B】：<table style="line-height:150%;"> の場合

ここに文章や画像をいれます
ここに文章や画像をいれます
ここに文章や画像をいれます